@radio-common-font: @general-6;
@radio-common-bg: @general-88;
@radio-common-border: @general-63;

@radio-disabled-font: @general-18;
@radio-disabled-bg: @general-88;
@radio-disabled-border: @general-63;

@radio-hover-font: @general-6;
@radio-hover-bg: @general-88;
@radio-hover-border: @general-46;

@radio-checked-font: @general-6;
@radio-checked-bg: @general-46;
@radio-checked-border: @general-46;

@radio-focus-font: @general-6;
@radio-focus-bg: @general-88;
@radio-focus-border: @general-46;

.ant-radio-wrapper{
  .ant-radio-input{
    &:focus{
      border-color: @radio-focus-border;
    }
  }
  .ant-radio-inner{
    background-color: @radio-common-bg;
    border-color: @radio-common-border;
  }
  span{
    color: @radio-common-font;
  }
  &:hover{
    .ant-radio-inner{
      border-color: @radio-hover-border;
    }
  }
}

.ant-radio-checked{
  .ant-radio-inner{
    &::after{
      background-color: @radio-checked-bg;
    }
  }
}

.ant-radio-wrapper-disabled{
  .ant-radio-inner{
    border-color: @radio-disabled-border !important;
  }
  span{
    color: @radio-disabled-font;
  }
}